/*** main ***/
.main{
    background-color: #f5f6f8;
}
.main .wrapper{
    padding-top: 30px;
    padding-bottom: 30px;
}
/** asideNav **/
.main .wrapper .asideNav{
    float: left;
    width: 180px;
}
.main .wrapper .asideNav ul{
    float: left;
    width: 100%;
}
.main .asideNav ul li{
    float: left;
    width: 176px;
    line-height: 58px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 4px solid #fff;
    background-color: #fff;
    cursor: pointer;
}
.main .asideNav li i{
    float: left;
    width: 18px;
    height: 18px;
    margin: 20px 16px 0 16px;
    background: url("/default/images/icon/menuicon.png") no-repeat;
}
.main .asideNav li .icon1{ background-position: 0 0; }
.main .asideNav li .icon2{ background-position: 0 -25px; }
.main .asideNav li .icon3{ background-position: 0 -49px; }
.main .asideNav ul li:hover,
.main .asideNav ul li.active{
    background-color: #f7f7f7;
    border-color: #ddd;
    border-left-color: #ef504d;
}
.main .asideNav ul li:hover{
    background-color: #e6e6e6;
}
/** end asideNav **/

/** baseInfo **/
.main .wrapper .baseInfo{
    float: left;
    width: 940px;
    min-height: 675px;
    margin-left: 20px;
    padding: 10px 30px 30px;
    background-color: #fff;
}
/* topLeft */
.main .wrapper .baseInfo .topLeft{
    float: left;
    width: 592px;
    margin-top: 26px;
    margin-right: 20px;
    padding-bottom: 29px;
    border-bottom: 1px solid #f0f0f0;
}
.main .baseInfo .topLeft .processingRate,
.main .baseInfo .topLeft .refresh,
.main .baseInfo .topLeft .newJob{
    float: left;
    width: 128px;
    margin-right: 25px;
    background-color: #f5f8fa;
}
.main .baseInfo .topLeft .processingRate{ width: 285px;}
.baseInfo .topLeft .processingRate span,
.baseInfo .topLeft .refresh span,
.baseInfo .topLeft .newJob span{
    float: left;
    width: 100%;
    height: 36px;
    text-align: center;
}
.baseInfo .topLeft .processingRate span.percent{
    height: 66px;
    color: #aacceb;
    font-size: 42px;
    line-height: 66px;
}
.baseInfo .topLeft .refresh span,
.baseInfo .topLeft .newJob span{
    color: #000;
}
.baseInfo .topLeft .refresh i,
.baseInfo .topLeft .newJob i{
    float: left;
    background: url(/default/images/icon/menuicon.png) 0 -101px no-repeat;
    width: 20px;
    height: 22px;
    margin: 22px 54px 22px 54px;
}
.main .baseInfo .topLeft .newJob{ margin-right: 0;}
.baseInfo .topLeft .newJob i{ background-position: -24px -101px;}
/* topLeft */

/* topRight */
.main .wrapper .baseInfo .topRight{
    float: left;
    width: 328px;
}
.main .baseInfo .topRight .avatar{
    float: left;
    width: 124px;
    height: 142px;
    padding: 7px;
    border: 1px solid #f0f0f0;
}
.main .baseInfo .topRight .info{
    float: left;
    width: 166px;
    height: 158px;
    margin-left: 22px;
}
.baseInfo .topRight .info li{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.baseInfo .topRight .info .name{
    height: 40px;
    line-height: 40px;
}
.baseInfo .topRight li i{
    float: left;
    width: 19px;
    height: 19px;
    margin-top: 5px;
    background: url(/default/images/icon/menuicon.png) no-repeat;
}
.baseInfo .topRight .tel i{ background-position: 0 -130px;}
.baseInfo .topRight .qq i{ background-position: -24px -130px;}
.baseInfo .topRight .weixin i{ background-position: 0 -157px;}
.baseInfo .topRight .info span{
    float: left;
    margin-left: 3px;
}
.baseInfo .topRight .info .signature{
    width: 164px;
    height: 26px;
    text-indent: 3px;
    line-height: 26px;
    border: 1px #e5bf62 solid;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* end topRight */

/* processShow */
.main .wrapper .baseInfo .processShow{
    float: left;
    width: 100%;
    margin-top: 60px;
}
/* end processShow */
/** end baseInfo **/
/*** end main ***/